<!doctype html>
<html lang="en">
  <meta charset="utf-8">
  <link rel="stylesheet" href="../static/bootstrap.min.css">
  <link rel="stylesheet" href="../static/style.css">
  <link rel="icon" type="image/gif" href="../static/favicon.gif">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="An independent GNU/Linux-Libre distribution">
  <title>Preview — Dragora.org</title>
  <body>
    <header>
      <nav class="navbar navbar-expand-lg bg-primary bg-gradient shadow-sm user-select-none" data-bs-theme="dark">
    <div class="container-fluid">
        <a class="navbar-brand small fw-bold" href="/">
            Dragora OS
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="mainNavbar">
            <ul class="navbar-nav me-auto">
                
                <li class="nav-item">
                    
                    <a class="nav-link" href="../support/">Support</a>
                    
                </li>
                
                <li class="nav-item">
                    
                    <a class="nav-link active" href="./">Preview</a>
                    
                </li>
                
                <li class="nav-item">
                    
                    <a class="nav-link" href="../donate/">Donate</a>
                    
                </li>
                
                <li class="nav-item">
                    
                    <a class="nav-link" href="../news/">News</a>
                    
                </li>
                
                <li class="nav-item">
                    
                    <a class="nav-link" href="../about/">Download</a>
                    
                </li>
                
            </ul>
            
        </div>
    </div>
</nav>
      
    </header>
    <div class="my-3 mx-5 page">
      <main>
        
  <ul class="nav nav-tabs mb-3" role="tablist">
  <li class="nav-item" role="presentation">
    <a class="nav-link active" href="/preview" aria-selected="true" role="tab">Screenshots</a>
  </li>
  <li class="nav-item" role="presentation">
    <a class="nav-link" href="/preview/logos" aria-selected="false" role="tab" tabindex="-1">Logos</a>
  </li>
  <li class="nav-item" role="presentation">
    <a class="nav-link" href="/preview/icons" aria-selected="false" role="tab" tabindex="-1">Icons</a>
  </li>
</ul><div class="container row align-items-start gap-5">
<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-gnome_IMGP.jpg" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Gnome Desktop<br>PNG &mdash; 1280&times;1024</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-xfce.png">
<figure class="figure">
<img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-xfce_IMGP.jpg" alt="Dragora XFCE Desktop" width="210" height="200">
  <figcaption class="figure-caption">XFCE Desktop<br>PNG &mdash; 800&times;600</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-ice.png">
<figure class="figure">
<img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-ice_IMGP.jpg" alt="Dragora Ice Desktop" width="270" height="200">
  <figcaption class="figure-caption">Ice Desktop<br>PNG &mdash; 1366&times;768</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/1024x768/purple/white/jpeg" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>JPEG &mdash; 1024&times;768</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/1366x768/red/white/jpg" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>JPG &mdash; 1366&times;768</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/1920x1080/darkred/white/png" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>PNG &mdash; 1920&times;1080</figcaption>
</figure>
</a>
</div><h2>From our community</h2>
<div class="container row align-items-start my-3 gap-5">
<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/800x600/darkgreen/white/webp" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>WEBP &mdash; 800&times;600</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/1024x768/purple/white/jpeg" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>JPEG &mdash; 1024&times;768</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/1280x1024/orange/white/svg" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>SVG &mdash; 1280&times;1024</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/1366x768/red/white/jpg" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>JPG &mdash; 1366&times;768</figcaption>
</figure>
</a>

<a class="col-12 col-sm-auto" href="/static/screenshots/dragora-gnome.png">
<figure class="figure">
  <img class="figure-img rounded img-thumbnail" src="https://placehold.co/1920x1080/darkred/white/png" alt="Dragora Gnome Desktop" width="200" height="200">
  <figcaption class="figure-caption">Example<br>PNG &mdash; 1920&times;1080</figcaption>
</figure>
</a>
</div>

      </main>
      <footer class="small text-muted mt-5">
        <a class="btn btn-sm btn-outline-primary float-end" href="#"><span class="visually-hidden">TOP</span><img src="../static/top.svg" alt="" title="Go to top" height="24"></a>
        <div class="hstack">
          <img class="me-2" src="../static/logo/dragora-logo-modern.svg" alt="" height="64">
          <p class="vstack small">
            <span>Except where stated otherwise, text and images on this website are licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;" title="CC BY-SA 4.0"><span class="visually-hidden">CC BY-SA 4.0</span><img style="height:16px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="CC"><img style="height:16px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="BY"><img style="height:16px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt="SA"></a></span>
            <span>Do not make public mirrors/clones of this webpage without prior permission.</span>
            <span>Dragora is made available for free to everyone at no additional costs.</span>
            <span>Test version - website still in development</span>
          </p>
        </div>
      </footer>
    </div>
    <script src="../static/bootstrap.min.js"></script>
  </body>
</html>
